<template>
    <div class="artist-list-container">{{ artist.map((v) => v.name) }}</div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { selectArtistList } from "@/api/modules/artist";
import { AxiosResponse } from "axios";
const artist = ref([]);
selectArtistList({
    _end: 50,
    _order: "ASC",
    _sort: "name",
    _start: 0,
}).then((res: AxiosResponse) => {
    artist.value.push(...res.data);
    console.log(artist.value);
});
</script>
